<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>新年关键词</title>
    <link rel="stylesheet" href="./ui.css" />
    <style>
      body,
      body {
        background-color: #010101;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        margin: 0;
      }

      #canvas {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 10%;
      }
    </style>
  </head>

  <body>
    <canvas id="canvas"></canvas>
    <div class="ui">
      <input class="ui-input" type="text" placeholder="关键词通过逗号和空格分隔" />
      <span class="ui-return">↵</span>
    </div>
    <!-- 代码来源 https://juejin.cn/post/7052152858518487053 -->
    <!-- 代码来源 https://github.com/zcxiaobao/zc-demos/tree/main/display/%E7%B2%92%E5%AD%90%E6%95%88%E6%9E%9C/%E6%98%A5%E8%8A%82%E5%85%B3%E9%94%AE%E8%AF%8D -->
    <script src="./index2.js"></script>
  </body>

</html>